Gå til hovedinnhold

Alternativ navigasjon

Denne artikkelen omhandler lovkrav og beste praksis relatert til navigasjonsalternativer. Dette er spesielt relevant når en gitt navigasjonsform ikke er tilgjengelig. Dette kan forekomme av ulike grunner, av tekniske grunner, på grunn av brukerbehov eller knyttet til situasjonsavhengige omstendigheter. Alternativ navigasjon muliggjør bruk av digitale læremidler når hovedformen for interaksjon av ulike årsaker ikke er tilgjengelig.

Denne artikkelen omhandler alternativ navigasjon og fokuserer spesielt på tastaturnavigasjon som alternativ til navigasjon med musepeker eller berøringsskjerm.

Relevante krav​

  • 2.1.1
    All funksjonalitet skal kunne brukes kun ved hjelp av tastatur.

  • 2.1.2
    Unngå tastaturfeller

  • 2.1.4
    Gi mulighet til å deaktivere hurtigtaster som kun består av ett tegn.

  • 2.4.1
    Gi mulighet til å hoppe direkte til hovedinnholdet

  • 2.4.3
    Presenter innholdet i logisk rekkefølge

  • 2.4.7
    Sørg for at alt innhold får synlig fokus når du navigerer med tastatur.

  • 3.2.1
    Sørg for at utforming og innhold ikke endres kun basert på endring av fokus.

  • 3.2.3
    Navigasjonslenker som gjentas på flere sider skal ha konsekvent rekkefølge.

  • 3.2.4
    Elementer som har samme funksjonalitet på tvers av flere sider er utformet likt.

Brukergrupper​

  • Elever med motoriske utfordringer
  • Elever med nedsatt mobilitet
  • Blinde og svaksynte elever
  • Elever med situasjonsbaserte utfordringer (f.eks. midlertidig skade eller begrensninger)

Formål​

Formålet med kravene er å sikre at alle elever kan bruke digitale læremidler uavhengig av motorisk evne, eller om de ikke kan bruke mus eller berøringsskjerm. Dette gir alle brukere en likeverdig mulighet til å navigere og interagere med digitalt innhold.

Designerens rolle​

Som designer skal du sikre at designet støtter og fremhever tastaturtilgjengelighet.

  • Design tydelige fokusindikatorer som enkelt viser brukeren hvor de befinner seg på siden.
  • Sørg for at layout og navigasjon er intuitiv og fungerer effektivt med tastatur. Pass på at logisk rekkefølge bevares i den visuelle utformingen til siden.
  • Unngå designløsninger som baserer seg på spesifikke pekerhandlinger som hover-effekter uten tastaturalternativ.
  • Vær obs på at tastaturnavigering skiller seg fra navigering ved bruk av skjermleser. Skjermleserbrukere bruker vanligvis andre funksjoner og hurtigtaster som ikke fungerer ved ren tastaturnavigering. Skjermleserprogrammer har også egne fokusmarkeringer som skiller seg fra fokusmarkeringen i nettleseren. Vi anbefaler å teste med både tastaturnavigering og ulike skjermlesere.

Hvordan oppnå samsvar med minstekravene?​

Beste praksis​

  • Legg til rette for bruk av standard HTML-kontroller (knapper, lenker, skjemaelementer) da disse har innebygd støtte for tastaturnavigasjon. Les mer hva som gjør at elementer kan få fokus her: Keyboard accessible | mdn web docs (Åpnes i ny fane)
  • Bruk tydelig CSS :focus-stiler for å forbedre brukeropplevelsen for tastaturbrukere.
  • Test regelmessig med tastatur for å sikre god flyt og tilgjengelighet.

Feller å unngå​

  • Ikke skjul tastaturfokusindikatoren med CSS (f.eks. outline:none).
  • Ikke lag funksjoner som krever spesifikke musehandlinger (drag-and-drop) uten et alternativ for tastaturbrukere.

Tips og tricks​

  • Gjør hyppige tester ved å navigere gjennom nettstedet eller applikasjonen med tastatur.

Les mer​